.tip_window{
	position:fixed;
	width:450px;
	height:250px;
	left:32%;
	top:30%;
	background: #e9e9e9;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
	opacity: 1;
	z-index: 99;
	border-radius: 2%;
}
.tip_show{
	animation: tip_show_ani 1s;
}
.tip_close{
	animation: tip_close_ani 1s;
}
.tip_close_content{
	position:absolute;
	width:80%;
	left:10%;
	height:60%;
	top:10%;
	
}
.tip_close_content p{
	letter-spacing: 5px;
	font-size: 20px;
}
.tip_close_content input{
	background: #e9e9e9;
	border: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
	width:350px;
	outline:medium;
}
.tip_close_content input:focus{
	
	
}
.tip_close_div{
	position: absolute;
	bottom: 7%;
	left:38%;
	width:120px;
	height:40px;
}
.tip_close_button{
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height:100%;
	background: #e9e9e9;
	color:black;
	border:none;
	opacity: 0.5;
	transition: all 1s;
	text-align: center;
	font-size: 15px;
	font-weight: 1000;
	letter-spacing:2px;
}
.tip_close_button_bottom:before{
	position: absolute;
	content:"";
	bottom:0;
	left:0;
	height:3px;
	background: black;
	width:100%;

	transition: all 1s;
}
.tip_close_button_bottom:hover:before{
	left:25%;
	width:50%;
}
.tip_close_button_bottom:after{
	position: absolute;
	content:"";
	top:0;
	left:0;
	height:2px;
	background: black;
	width:100%;

	transition: all 1s;
}
.tip_close_button_bottom:hover:after{
	left:25%;
	width:50%;
}
.tip_close_button:hover{
	opacity: 1;
	transition:all 1s;
	padding-left: 15%;
	letter-spacing:10px;
}



@keyframes tip_show_ani{
	0%{
		left:42%;
		opacity: 0;
		width:100px;
		top:10%
	}
	50%{
		left:32%;
		opacity: 0.5;
		width:450px;
		top:20%;
	}
	100%{
		opacity: 1;
		top:30%;
	}
}
@keyframes tip_close_ani{
	0%{
		opacity: 1;
		top:30%;
	}
	50%{
		left:32%;
		opacity: 0.5;
		width:450px;
		top:20%;
	}
	100%{
		left:42%;
		opacity: 0;
		width:100px;
		top:10%
		
	}
}